<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>
	<title>::: DLC - Buscador :::</title>

	<script type="text/javascript" src="js/jquery-1.7.2.js"></script>
	
	<link type="text/css" rel="stylesheet" href="css/styles.css">

	<script type="text/javascript">
	
	function buscar()
	{
	//Limpia el div central
		$('#ui-centro').empty()
		
	//busqueda($('#input-buscador-central').value());
	
	//Crea los inputs del header
		$('#texto').append($("<input/>",{id:"search-header",type:"text"}));
		$('#texto').append($("<input/>",{id:"search-header-button",type:"button",value:"Buscar"}));
	
	}
	
	//llamada al servicio de busqueda
	/*function busqueda(palabra)
	{
		$.ajax({
				type: "GET",
				url: ,
				dataType : "json",
				success: function(data){
				
				}
	}*/
	
	</script>



</head>

<body >


<!-- manually attach allowOverflow method to pane -->
<div  id="header" >
	<div  class="div-header" id="icono">	
		<img id="icon-menu" src="Images/buscador.jpg"/>
	</div>
	<div class="div-header" id="texto">	
		
	</div>
	<div class="div-header" id="indexador">	
		<div id="cuadroIndexador">
			<input id="input-indexador"  type="text">
			<input id="input-carpeta-button" type="button" >
			<input id="input-indexador-button"  type="button" value="Indexar">
		</div>			
	</div>
</div>





<div id="ui-centro" class="ui-layout-center">
	<div class="centro-Gral">
		<div class="centro">
			<img id="icon-Buscador" src="Images/buscador.jpg"/>			
		</div>
		<div class="centro">
			<input id="input-buscador-central"  type="text">			
			<input id="input-buscador-button" type="button" value="Buscar" >
			<script>
				  $('#input-buscador-button').click(function(){
						buscar();						
				});
			</script>
		</div>
	</div>
</div>

</body>

</html>